<template>
  <div>
    <Row class="home-page-content" align="middle">
      <BtnPlain class="com-action-btn" type="primary" @click="goBack">返回</BtnPlain>
      <h3>经营信息跟踪详情</h3>
    </Row>

    <div class="home-page-content business-Info">
      <Row justify="space-between" align="middle">
        <Row align="middle">
          <BtnPlain class="com-action-btn" type="primary">{{ info.lastNewFeedbackPhaseName }}</BtnPlain>

          <span>反馈倒计时</span>
          <Countdown :time="info.lastNewFeedbackDate" />
        </Row>
        <div class="publisher">
          <span>经营人员 {{ info.busiPersonName || '--' }}</span>
          <span>最后反馈时间 {{ info.lastNewFeedbackDate || '--'}}</span>
        </div>
      </Row>
      <Row class="mt-20">
        <h3>{{ info.projectName }}</h3>
      </Row>

      <!-- 经营信息 -->
      <BusinessInfo :info="info" />

      <!-- 反馈 -->
      <Feedback
        v-if="info.feedbackDetailVoList && info.feedbackDetailVoList.length"
        showTitle
        :feedbackDetailVoList="info.feedbackDetailVoList"
      />
    </div>
  </div>
</template>

<script>
import BusinessInfo from '@/pages/businessInformationManage/common/businessInfo.vue'
import Feedback from '@/pages/businessInformationManage/common/feedback.vue'
import Countdown from '@/pages/businessInformationManage/common/countdown.vue'
import { busInfoTrackGetDetail } from '@/api/businessInformationManage.js'

export default {
  name: "businessInformationDetails",
  components: { BusinessInfo, Feedback, Countdown },
  data () {
    return {
      info: {},
      auditRemark: '',
      modalRefuse: false,
    };
  },
  created () {
    const { busInfoTrackId } = this.$route.query
    this.init(busInfoTrackId)
  },
  methods: {
    async init (busInfoTrackId) {
      this.info = await busInfoTrackGetDetail({ busInfoTrackId })
    },
    goBack () {
      this.$router.replace({ path:'/businessInformationMap' });
    }
  },
}
</script>

<style lang='less' scoped>
.business-Info {
  margin-top: 20px;
}

.publisher {
  > span {
    margin-left: 20px;
  }
}

.mt-20 {
  margin-top: 20px;
}

.ml-20 {
  margin-left: 20px;
}
</style>
